<template>
    <div id="as-list" :style="{height: `${height}px`}">
        <div 
        v-for="item in asList" 
        v-show="item.type === show" 
        :id="item.type" 
        :class="item.defaultClass" 
        :key="item.type" class="list">
            <ul class="">{{item.name}}</ul>
        </div>
    </div>
</template>

<script>
// 所有群列表
export default {
    name: 'AsList',
    props: {
        asList: {
            type: Array,
            default: []
        },
        show: {
            type: String,
            default: 'association-my'
        },
        height: {
            type: Number,
            default: 500
        }
    },
    data() {
        return {
            userId: 200213000361
        }
    },
    methods: {
        enterBusDetail() {
            this.$router.push({
                path: 'UserBus',
                name: 'UserBus',
                query: {
                    type: 'userIndex',
                    userId: this.userId += 1
                }
            })
        }
    },
    computed: {
        asListAll() {
            return this.asList.map((item, index) => {
                
            })
        }
    }
}
</script>

<style lang="scss" scoped>
    #as-list {
        width: 100%;

        .list {
            width: 100%;
        }
    }
</style>